<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width,maximum-scale=1,minimum-scale=1,initial-scale=1,user-scalable=no"/>
		<script type="text/javascript" src="js/rem.js"></script>
		<link rel="stylesheet" type="text/css" href="home/css/index.css"/>
	</head>
	<body>
		<div id="wrap">


		</div>
		<div id="footernav">
			<a href="#home" class='item'>
				<div></div>
				<!--<img src="img/my/footer1.png" alt="" />-->
				<p>首页</p>
			</a>
			<a href="#category" class='item'>
				<div></div>
				<!--<img src="img/my/footer4.png" alt="" />-->
				<p>闪送超市</p>
			</a>
			<a href="#shop" class="item">
				<div></div>
				<!--<img src="img/my/footer6.png" alt="" />-->
				<p>购物车</p>
			</a>
			<a href="#mine" class="item">
				<div></div>
				<!--<img src="img/my/footer8.png" alt="" />-->
				<p>我的</p>
			</a>
		</div>
		<div class="show">0</div>
	</body>
	<script type="text/javascript" src="libs/requirejs.js" data-main="main" async="true" defer></script>

	<!-- 底部导航效果修饰 -->
	<script type="text/javascript" src="libs/jquery.js"></script>
	<script type="text/javascript">
		$div = $("#footernav div");
		$a = $("#footernav a");
		for(var i=0;i<$a.length;i++){
			(function(num){
				$($a[num]).click(function(){
					for(var j=0;j<$div.length;j++){
						$($div[j]).css("background","url(img/my/footer" + j + ".png)");
						$($div[j]).css("background-size","100% 100%");
					}
					$($div[num]).css("background","url(img/my/footers" + num + ".png)");
					$($div[num]).css("background-size","100% 100%");
				});
			})(i);
		}
	</script>
</html>
